Script タグ
<script>、<script async>、<script defer> の違い
HTML Standard
HTML に関する質問 | Front End Interview Handbook script async deferの違い
script async
HTML のパースと JS の取得を並行で行う
JSを取得が完了した段階で HTML のパースを止めて即座に JS を実行
用途
script defer
HTML のパースと JS の取得を並行で行う
HTML のパースが終了した段階になってから JS を実行
DOMContentLoadedイベント
が発火する
性質
描画、
レンダリング Rendering Web
が早い
実行されるタイミングが安定してる
用途
参考
Loading Third-Party JavaScript | Web Fundamentals | Google Developers
画像とか分かりやすい
Improving third-party web performance at The Telegraph | by Gareth Clubb | The Telegraph Engineering | Medium
script defer
で、遅延させることがBiz影響ないか気になる所だが、調査の結果影響無いことが示されている